<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title>韩都衣舍</title>
	<link rel="stylesheet" href="../css/index.css"/>
	<link rel="stylesheet" href="../bootstrap-3.3.6-dist/css/bootstrap.css"/>
	<script src="../jquery/jquery-2.0.3.js"></script>
	<script src="../js/Carousel.js"></script>
	<script src="../js/index.js"></script>
</head>
<body>
<div class="all">
	<!--------------------------显示隐藏的表单--------------------->
	<div class="xianshi_sousuo">
		<div class="xianshi_sousuo2">
		<div class="xianshi1">
			<img src="../img/slogo.png" alt=""/>
		</div>
		<div class="xianshi2">
			<div class="xianshi_biaodan">
				<input class="_biaodan" placeholder="连衣裙" type="text"/>
				<div class="xianshi_sousuo_zi">
					<a href="#"><b>搜索</b></a>
				</div>
			</div>
		</div>
		<div class="xianshi3">
			<p>搜索没空去韩国？就来韩都衣舍</p>
		</div>
		</div>
	</div>
	<!--清除浮动-->
	<div class="fudong"></div>
	<!-------------------第一张大图---------------------->
	<div class="diyi_datu"></div>
	<!-------------------大图下的导航------------------------>
	<div class="datu_xiazi">
		<div class="datu_xiaul">
		<ul class="ul_li">
			<li class="li1">
				<a href="#">返回首页</a>
			</li>
			<li class="li2">
				<a href="#">收藏网站</a>
			</li>
		</ul>
		<ul class="ul_li1">
			<li class="li4 li_a">
				<a href="#">
				<img style="width: 17px;height: 17px;margin-right: 5px"
				     src="../img/552cc151f216d_32.png"
				     alt=""/>
				网站导航
			</a>
			</li>
			<li class="li4">
				<a href="#">帮助中心</a>
			</li>
			<li class="li4">
				<a href="#">在线客服</a>
			</li>
			<li class="li4">
				<a href="#">购物车</a>
			</li>
			<li class="li5">
				<a href="#">注册</a>
			</li>
			<li class="li4">
				<a href="#">登录</a>
			</li>
			<li class="li3">您好，欢迎光临韩都衣舍！</li>
		</ul>
		</div>
	</div>
	<!--清除浮动-->
	<div class="fudong"></div>
	<!-------------------鼠标移入“网站导航”出现更多搜索----------------->
	<div class="xianshi">
		<div class="diyi_ul">
			<h2>大家都在买Hot</h2>
			<div class="_div_ul">
				<ul class="_ul_li">
					<li><a href="#">T恤</a></li>
					<li><a href="#">牛仔裤</a></li>
					<li><a href="#">卫衣绒衫</a></li>
				</ul>
			</div>
			<div class="_div_ul2">
				<ul class="_ul_li2">
					<li><a href="#">连衣裙</a></li>
					<li><a href="#">毛衣针织</a></li>
					<li><a href="#">休闲套餐</a></li>
				</ul>
			</div>
		</div>
		<!--清除浮动-->
		<div class="fudong"></div>
		<div class="dier_ul">
			<h2>女装Women</h2>
			<div class="_div_ul3">
				<ul class="_ul_li3">
					<li><a href="#">韩风快时尚女装</a></li>
					<li><a href="#">韩风甜美少女装</a></li>
					<li><a href="#">韩风名媛时尚女装</a></li>
					<li><a href="#">韩风大码女装</a></li>
				</ul>
			</div>
			<div class="_div_ul4">
				<ul class="_ul_li4">
					<li><a href="#">韩风快时尚妈妈装</a></li>
					<li><a href="#">东方复古设计师女装</a></li>
					<li><a href="#">欧美浪漫田园风女装</a></li>
					<li><a href="#">欧美快时尚女装</a></li>
				</ul>
			</div>
		</div>
		<!-----------------清除浮动------------------------->
		<div class="fudong"></div>
		<div class="disan_ul">
			<h2>男装Men</h2>
			<div class="_div_ul5">
				<ul class="_ul_li5">
					<li><a href="#">韩风快时尚男装</a></li>
					<li><a href="#">东方禅意设计师男装</a></li>
					<li><a href="#">欧美街头轻潮男装</a></li>
				</ul>
			</div>
		</div>
		<div class="disi_ul">
			<h2>童装Children</h2>
			<div class="_div_ul6">
				<ul class="_ul_li6">
					<li><a href="#">韩风快时尚童装</a></li>
					<li><a href="#">东方简约设计师童装</a></li>
				</ul>
			</div>
		</div>
		<div class="diwu_ul">
			<h2>帮助中心Help</h2>
			<div class="_div_ul7">
				<ul class="_ul_li7">
					<li><a href="#">会员制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">配送方式</a></li>
				</ul>
			</div>
			<div class="_div_ul8">
				<ul class="_ul_li8">
					<li><a href="#">售后服务</a></li>
					<li><a href="#">关于发票</a></li>
					<li><a href="#">韩都招聘</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="nav">
		<div class="nav_tu">
			<img src="../img/QQ截图20160803145729.png" alt="图片未加载成功..."/>
		</div>
		<div class="nav_shousuo">
			<div class="nav_sousuo_zi">
				<input class="nav_biaodan" placeholder="" type="text"/>
				<div class="nav_a"><a href="#"><b>搜   索</b></a></div>
			</div>
				<ul class="nav_ul">
					<li>韩风童装 |</li>
					<li>精选男装 |</li>
					<li>简约女装 |</li>
					<li>复古女装 |</li>
					<li>轻潮男装 |</li>
					<li>百搭美鞋</li>
				</ul>
		</div>
		<div class="nav_erweima">
			<img src="../img/ewm.png" alt=""/>
			<p>下载app即送豪礼</p>
		</div>
	</div>
	<div class="fudong"></div>
	<!----------------------轮播图上的导航------------------->
	<div class="fenlei">
		<div class="feilei_2">
			<ul class="fenlei_xinpin">
				<li class="li_fenlei">全部商品分类
				</li>
				<li>2016秋装新品</li>
				<li>会员专享</li>
				<li>团购批发</li>
			</ul>
			<ul class="fenlei_zixun">
				<li class="xianshi_xiu">
					会员俱乐部
					<img src="../img/sjt.png" alt=""/>
					<ul class="handuzixun">
						<li><a href="#">真人秀</a></li>
						<li><a href="#">好评有礼</a></li>
					</ul>
				</li>
				<li class="xianshi_zixun">
					韩都资讯
					<img src="../img/sjt.png" alt=""/>
					<ul class="handuzixun2">
						<li><a href="#">韩都设计</a></li>

						<li><a href="#">品牌故事</a></li>
					</ul>
				</li>
				<li class="li_wai">招兵买马</li>
			</ul>
		</div>
	</div>
	<!----------------------轮播图------------------------>
	<div class="lunbo" id="lunboq">
		<ul class="lunbo_tu">
			<li><img src="../img/1470038314146805067.jpg" alt=""/></li>
			<li><img src="../img/1470043082156653672.jpg" alt=""/></li>
			<li><img src="../img/1470033647407097929.jpg" alt=""/></li>
			<li><img src="../img/1470029510831520433.jpg" alt=""/></li>
		</ul>
		<div class="lunbo_2">
		<div class="fenlei_quan">
			<div class="fenlei_xiaoliang">
				<div class="xiaoliang_yiwei">
					<img style="margin-top:-3px;" src="../img/tb1.png" alt=""/>
					<b style="">全部商品分类</b>
					<img class="yiwei_img2" src="../img/552cc1babd9aa_32.png" alt=""/>
				</div>
				<div class="xiaoliang_yiwei2">
					<a href="">本周新品</a>
					<a href="">按价格</a>
					<a href="">按销量</a>
				</div>
				<div class="yiwei_xianshi">
					<ul class="yiwei_ul">
						<li><img src="../img/1.png" alt=""/></li>
						<li><img src="../img/2.png" alt=""/></li>
						<li><img src="../img/3.png" alt=""/></li>
						<li><img src="../img/4.png" alt=""/></li>
						<li><img src="../img/amh.png" alt=""/></li>
						<li><img src="../img/5.png" alt=""/></li>
						<li><img src="../img/6.png" alt=""/></li>
						<li><img src="../img/7.png" alt=""/></li>
					</ul>
					<ul class="yiwei_ul2">
						<li><img src="../img/8.png" alt=""/></li>
						<li><img src="../img/9.png" alt=""/></li>
						<li><img src="../img/10.png" alt=""/></li>
						<li><img src="../img/11.png" alt=""/></li>
						<li><img src="../img/12.png" alt=""/></li>
						<li><img src="../img/13.png" alt=""/></li>
						<li><img src="../img/14.png" alt=""/></li>
						<li><img src="../img/15.png" alt=""/></li>
					</ul>
				</div>
			</div>
			<div class="fenlei_tuixuan">
				<div class="xiaoliang_yiwei">
					<img style="" src="../img/tb2.png" alt=""/>
					<b>精选推荐</b>
					<img class="yiwei_img2" src="../img/552cc1babd9aa_32.png" alt=""/>
				</div>
				<div class="xiaoliang_yiwei2">
					<a style="color: red" href="">连衣裙</a>
					<a href="">潮流爆款</a>
					<a href="">秋季风格</a>
				</div>
			</div>
			<div class="feilei_nvzhuang">
				<div class="xiaoliang_yiwei">
					<img style="margin-top:-3px;" src="../img/tb3.png" alt=""/>
					<b style="">潮流女装</b>
					<img class="yiwei_img2" src="../img/552cc1babd9aa_32.png" alt=""/>
				</div>
				<div class="xiaoliang_yiwei2">
					<a style="color: red" href="">T恤</a>
					<a href="">衬衫</a>
					<a href="">裤装</a>
				</div>
			</div>
			<div class="fenlei_nanzhuang">
				<div class="xiaoliang_yiwei">
					<img style="margin-top:-3px;" src="../img/tb4.png" alt=""/>
					<b style="">精选男装</b>
					<img class="yiwei_img2" src="../img/552cc1babd9aa_32.png" alt=""/>
				</div>
				<div class="xiaoliang_yiwei2">
					<a style="color: red" href="">T恤</a>
					<a href="">衬衫</a>
					<a href="">裤装</a>
				</div>
			</div>
			<div class="fenlei_tongzhuang">
				<div class="xiaoliang_yiwei">
					<img style="margin-top:-3px;" src="../img/tb5.png" alt=""/>
					<b style="">可爱童装</b>
					<img class="yiwei_img2" src="../img/552cc1babd9aa_32.png" alt=""/>
				</div>
				<div class="xiaoliang_yiwei2">
					<a href="">童装新品</a>
					<a style="color: red" href="">裙装</a>
					<a href="">毛衣/针织衫</a>

				</div>
			</div>
			<div class="fenlei_mama">
				<div class="xiaoliang_yiwei">
					<img style="margin-top:-3px;" src="../img/tb6.png" alt=""/>
					<b style="">时尚妈妈</b>
					<img class="yiwei_img2" src="../img/552cc1babd9aa_32.png" alt=""/>
				</div>
				<div class="xiaoliang_yiwei2">
					<a href="">T恤</a>
					<a href="">连衣裙</a>
					<a href="">裤装</a>
					<a href="">外套</a>

				</div>
			</div>
			<div class="fenlei_peishi">
				<div class="xiaoliang_yiwei">
					<img style="margin-top:-3px;" src="../img/tb7.png" alt=""/>
					<b style="">鞋包配饰</b>
					<img class="yiwei_img2" src="../img/552cc1babd9aa_32.png" alt=""/>
				</div>
				<div class="xiaoliang_yiwei2">
					<a style="color: red" href="">鞋子</a>
					<a href="">箱包</a>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="fantu">
		<div class="quan_yunying">
			<div class="yunying_zi">
				<h4>互联网品牌生态运营集团</h4>
				<p class="yunying_huantu"><img src="../img/bt.png" alt=""/> 换一换</p>
			</div>
			<!-----------------清除浮动------------------------->
			<div class="fudong"></div>
			<div class="huan_tu">
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/0.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/1.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/2.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/3.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/4.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/5.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/6.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/7.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/8.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/9.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/10.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/11.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/12.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/13.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/14.png" alt=""/>
				</div>
			</div>
			<div class="tu">
				<div>
					<img class="tuzi" src="../img/15.png" alt=""/>
				</div>
			</div>
			</div>
			<div class="tu_xianshi">
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/15.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/14.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/13.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/12.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/11.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/10.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/9.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/8.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/7.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/6.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/5.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/4.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/3.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/2.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/1.png" alt=""/>
					</div>
				</div>
				<div class="tu">
					<div>
						<img class="tuzi" src="../img/0.png" alt=""/>
					</div>
				</div>
			</div>
		</div>
		<div class="xinwen">
			<div class="xinwen_fenlei">
				<p class="fenlei_dongtai bottom">韩都动态</p>
				<p class="fenlei_jiazu">明星家族</p>
				<p class="fenlei_baodao">媒体报道</p>
				<p class="fenlei_huakai">无穷花开</p>
			</div>
			<div class="xinwen_tupian">
				<img src="../img/1.jpg" alt=""/>
				<p> · <a href="">韩都衣舍签约亚洲女神朴信惠</a></p>
				<p> · <a href="">签约朴信惠，韩都衣舍将要做什么？</a></p>
				<p> · <a href="">中韩首届电商大会召开 韩都衣舍受邀</a></p>
			</div>
				<div class="xinwen_tupian2">
					<img src="../img/03.jpg" alt=""/>
					<p> · <a href="">韩都公益：为汶上县寅寺镇草桥小学学生送礼物</a></p>
					<p> · <a href="">韩都公益：点亮求学光源 草桥无穷花开</a></p>
					<p> · <a href="">筑梦留守儿童"公益项目在山东菏泽启动</a></p>
				</div>
		</div>
	</div>

	<!---------------插入更多-------------------->
	<div style="width: 1200px;margin: 0 auto">
		<img src="../imgf/QQ截图20160805094629.png" alt=""/>
		<img src="../imgf/QQ截图20160805094651.png" alt=""/>
		<img src="../imgf/QQ截图20160805094715.png" alt=""/>
		<img src="../imgf/QQ截图20160805094759.png" alt=""/>
		<img src="../imgf/QQ截图20160805094739.png" alt=""/>
		<img src="../imgf/QQ截图20160805094818.png" alt=""/>
		<img src="../imgf/QQ截图20160805094838.png" alt=""/>
		<img src="../img/1469514727508665367.jpg" alt=""/>
		<img src="../imgf/QQ截图20160805094924.png" alt=""/>
	</div>
	<!----------------尾部------------------->
</div>
</body>
</html>
<script>
	/*=======================翻图片=======================*/
	var tu = document.getElementsByClassName('tu');
	var tuzi = document.getElementsByClassName('tuzi');
	for(var i=0;i<tu.length;i++){
		tu[i].i=i;
		tu[i].addEventListener('mouseover',function(){
//			tuzi[this.i].style.opacity = '0';
			tuzi[this.i].src='../imgf/' +this.i+ '.png';
//			tuzi[this.i].style.transform = 'scale(1.2,1.2)';


		});
		tu[i].addEventListener('mouseout',function(){

			tuzi[this.i].src = '../imgf/'+this.i+'.png';
//			tuzi[this.i].style.transform = 'scale(1,1)';
		});
	}

	/*for(var k=0;k<tu2.length;k++){
		tu2[k].k=k;
		tu2[k].addEventListener('mouseover',function(){
//			tuzi[this.i].style.opacity = '0';
			tuzi[this.k].src='../imgf/' +this.k+ '.png';
//			tuzi[this.i].style.transform = 'scale(1.2,1.2)';


		});
		tu2[k].addEventListener('mouseout',function(){

			tuzi[this.k].src = '../img/'+this.k+'.png';
//			tuzi[this.i].style.transform = 'scale(1,1)';
		});
	}*/

</script>
